<!-- <!DOCTYPE html>
<html>
<head>
<style>
div {
	background-color: #bada55;
	width: 100px;
	border: 1px solid green;
}
</style>
<script src="jquery-1.12.4.min.js"></script>
<script src="jquery-plugins/jquery-color-master/jquery.color.js"></script>
</head>
<body>
<button id="go">Simple</button>
<button id="sat">Desaturate</button>
<div id="block">Hello!</div>
<script>
  //变颜色的插件
jQuery("#go").click(function(){
	jQuery("#block").animate({
			backgroundColor: "#abcdef"
	}, 1500 );
});
jQuery("#sat").click(function(){
	jQuery("#block").animate({
			backgroundColor: jQuery.Color({ saturation: 0 })
	}, 1500 );
});
</script>
</body>
</html> -->

<!-- <!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Document</title>
  <style>
    .box{
      height: 1000px;
    }
  </style>
</head>
<body>

  <div class="box"></div>
  <img src="" class="lazy" data-original="jQuery作业02/14-美女相册/images/2.jpg">

    <script src="jquery-1.12.4.min.js" type="text/javascript"></script>
    <script src="jquery-plugins/jquery_lazyload-1.9.5/jquery.lazyload.js" type="text/javascript"></script>
    <script>
      // 懒加载插件
      $("img.lazy").lazyload();
    </script>
   
</body>
</html> -->

<!-- <!DOCTYPE html>
<html lang="zh-CN">
<head>
  <meta charset="utf-8">
  <title>fullPage.js — 基本演示_dowebok</title>
  <link rel="stylesheet" href="jquery-plugins/jquery-fullpage/css/jquery.fullPage.css">
  <style>
    .section {
      text-align: center;
      font: 50px "Microsoft Yahei";
      color: #fff;
    }
  </style>
  <script src="jquery-1.12.4.min.js"></script>
  <script src="jquery-plugins/jquery-fullpage/js/jquery.fullPage.js"></script>
  <script>
    //fullPage插件
    $(function () {
      $('#dowebok').fullpage({
        sectionsColor: ['#1bbc9b', '#4BBFC3', '#7BAABE', '#f90','pink'],
      });
    });
  </script>
</head>

<body>

<div id="dowebok">
  <div class="section">
      <h3>第一屏</h3>
  </div>
  <div class="section">
    <div class="slide"><h3>第二屏的第一屏</h3></div>
    <div class="slide"><h3>第二屏的第二屏</h3></div>
    <div class="slide"><h3>第二屏的第三屏</h3></div>
  </div>
  <div class="section">
    <h3>第三屏</h3>
  </div>
  <div class="section">
    <h3>第四屏</h3>
    <p>这是最后一屏</p>
  </div>
  <div class="section">
      <h3>第⑤屏</h3>
      <p>这是第五屏</p>
    </div>
</div>

</body>
</html> -->

